// 定义函数接口
interface Props {
    // 父传子
    name: string,
    age: number,
    isMine: boolean,

    // 子传父
    onReturnMsg: (name: string, age: number, isMine: boolean) => void
}

function Son(props: Props) {
    // 定义属性
    const {name, age, isMine, onReturnMsg} = props
    // 定义处理函数
    const handleClick = (e, name1, age1, isMine1) => {
        onReturnMsg(name1, age1+1, isMine1)
    }
    return (
        <> 
            <div>子组件：{name} - {age} - {isMine ? 'true' : 'false'} </div>
            <button onClick={(e) => handleClick(e, name, age, isMine) }>上传命令</button>
        </>
    )
}

export default Son
